<nz-spin class="maintencePD" [nzSpinning]="isSpinning">
    <!--<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
        <div nz-form-item nz-row>

            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="chargePerson" >负责人</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('chargePerson')">
                <nz-input [nzDisabled]="isDisable" name="chargePerson" [nzId]="'chargePerson'" formControlName="chargePerson" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.chargePerson"
                    name="chargePerson"></nz-input>
              
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="maintenanceElevatorNum">维保电梯台数</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('maintenanceElevatorNum')">
                <nz-input  [nzDisabled]="isDisable" name="maintenanceElevatorNum" formControlName="maintenanceElevatorNum" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.maintenanceElevatorNum"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="contactPerson" >联系人</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('contactPerson')">
                <nz-input  [nzDisabled]="isDisable" [nzSize]="'large'" formControlName="contactPerson" [nzId]="'contactPerson'" [(ngModel)]="maintenancePartyDetailBean.contactPerson"
                    name="contactPerson"></nz-input>
                
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="registeredCapital" >注册资金(万)</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('registeredCapital')">
                <nz-input nzType="number" [nzDisabled]="isDisable"  name="registeredCapital" [nzId]="'registeredCapital'" formControlName="registeredCapital" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.registeredCapital"
                    name="registeredCapital"></nz-input>
                
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="busRegNum" >营业执照注册号</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('busRegNum')">
                <nz-input [nzDisabled]="isDisable"  name="busRegNum" [nzId]="'busRegNum'" formControlName="busRegNum" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.busRegNum"
                    name="busRegNum"></nz-input>
                
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="orgCode">组织机构码</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('orgCode')">
                <nz-input [nzDisabled]="isDisable"  name="orgCode" formControlName="orgCode" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.orgCode"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="qualificationRange">资质范围</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('qualificationRange')">
                <nz-input  [nzDisabled]="isDisable" name="qualificationRange" formControlName="qualificationRange" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.qualificationRange"></nz-input>
            </div>
            <div nz-form-label nz-col [nzSm]="3">
                <label for="qualificationNum">资格证书编号</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('qualificationNum')">
                <nz-input  [nzDisabled]="isDisable" name="qualificationNum" [nzId]="'qualificationNum'" formControlName="qualificationNum" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.qualificationNum"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="startDate">有效起始日</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('startDateShow')">
                <nz-datepicker  [nzDisabled]="isDisable" [nzFormat]="'YYYY-MM-DD'" style="width:100%" name="startDateShow"  formControlName="startDateShow" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.startDateShow"></nz-datepicker>
            </div>
            <div nz-form-label nz-col [nzSm]="3">
                <label for="endDateShow">有效终止日</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('endDateShow')">
                <nz-datepicker [nzDisabled]="isDisable"  [nzFormat]="'YYYY-MM-DD'" style="width:100%" name="endDateShow"  formControlName="endDateShow" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.endDateShow"></nz-datepicker>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="level">级别</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('level')">
                <nz-input  [nzDisabled]="isDisable" name="level" formControlName="level" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.level"></nz-input>
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="fixOfficeAddr">固定办公场所地址</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('fixOfficeAddr')">
                <nz-input  [nzDisabled]="isDisable" name="fixOfficeAddr" formControlName="fixOfficeAddr" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.fixOfficeAddr"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="phone">电话</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('phone')">
                <nz-input  [nzDisabled]="isDisable" name="phone" formControlName="phone" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.phone"></nz-input>
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="zipCode">邮编</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('zipCode')">
                <nz-input  [nzDisabled]="isDisable" name="zipCode" formControlName="zipCode" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.zipCode"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="officePhone">电话（办公室）</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('officePhone')">
                <nz-input  [nzDisabled]="isDisable" name="officePhone" formControlName="officePhone" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.officePhone"></nz-input>
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="officePersonName">负责人（办公室的）</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('officePersonName')">
                <nz-input  [nzDisabled]="isDisable" name="officePersonName" formControlName="officePersonName" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.officePersonName"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="officePersonPhone">办公室负责人电话</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('officePersonPhone')">
                <nz-input  [nzDisabled]="isDisable" name="officePersonPhone" formControlName="officePersonPhone" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.officePersonPhone"></nz-input>
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="certifiedStaffNum">持证维保人员数量</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('certifiedStaffNum')">
                <nz-input nzType="number" [nzDisabled]="isDisable" name="certifiedStaffNum" formControlName="certifiedStaffNum" [nzSize]="'large'" [(ngModel)]="maintenancePartyDetailBean.certifiedStaffNum"></nz-input>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="zzjb">资质级别</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('zzjb')">
                
                <nz-select nzAllowClear [nzPlaceHolder]="'选择级别'" formControlName="zzjb" [nzSize]="'large'" 
                [(ngModel)]="maintenancePartyDetailBean.zzjb" [nzShowSearch]="true">
                <nz-option
                  [nzLabel]="'一级'" [nzValue]="'一'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'二级'" [nzValue]="'二'" [nzDisabled]="false">
                 </nz-option>
                 <nz-option
                    [nzLabel]="'三级'" [nzValue]="'三'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'四级'" [nzValue]="'四'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'五级'" [nzValue]="'五'" [nzDisabled]="false">
                </nz-option>
              </nz-select>
            </div>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="startNum">星级</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('startNum')">
                <nz-select nzAllowClear [nzPlaceHolder]="'选择级别'" formControlName="startNum" [nzSize]="'large'" 
                [(ngModel)]="maintenancePartyDetailBean.startNum" [nzShowSearch]="true">
                <nz-option
                    [nzLabel]="'一星'" [nzValue]="'1'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'二星'" [nzValue]="'2'" [nzDisabled]="false">
                 </nz-option>
                 <nz-option
                    [nzLabel]="'三星'" [nzValue]="'3'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'四星'" [nzValue]="'4'" [nzDisabled]="false">
                </nz-option>
                <nz-option
                    [nzLabel]="'五星'" [nzValue]="'5'" [nzDisabled]="false">
                </nz-option>
              </nz-select>
            </div>
        </div>
        <div nz-form-item nz-row >
            <div nz-form-label nz-col [nzSm]="3" >
                <label for="zzsUrl">资质附件</label>
            </div>
            <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback *ngIf="inPartyId=='undefind'||inPartyId==null||inPartyId==''">
                <input type="file" ng2FileSelect [uploader]="fileUploader" (change)="selectedFileOnChanged1($event)"/>
            </div>
        </div>

        <div nz-form-item nz-row *ngIf="inPartyId=='undefind'||inPartyId==null||inPartyId==''">
            <div *ngIf="showImage1!=null" style="margin-left: 50px">
                <div>
                    <img (click)="delete1(f)" *ngFor="let f of showImage1" src="{{config.IP+config.API.getUpload+f}}" width="40px" height="40px" style="margin-left: 10px;"/>
                </div>
            </div>
        </div>

        <div nz-form-item nz-row *ngIf="inPartyId!='undefind'&&inPartyId!=null&&inPartyId!=''">
            <div *ngIf="showImage1!=null" style="margin-left: 50px">
                <div>
                    <img (click)="showlargeImg(titlepic, contentpic, footerpic, f)" *ngFor="let f of showImage1" src="{{config.IP+config.API.getUpload+f}}" width="40px" height="40px" style="margin-left: 10px;"/>
                </div>
            </div>
        </div>


        <div *ngIf="inPartyId=='undefind'||inPartyId==null||inPartyId==''" nz-form-item nz-row style="margin-bottom:8px;">
            <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="10">
                <button nz-button [nzSize]="'large'" [nzType]="'primary'">确认</button>
            </div>
        </div>
    </form>-->

    <div class="noticeC" *ngIf="inPartyId!='undefind'&&inPartyId!=null&&inPartyId!=''" >
        <div  nz-form-item nz-row>
                <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                    <label for="title">标题</label>
                </div>
                <div nz-form-control nz-col [nzSm]="6" [nzXs]="6">
                    <nz-input name="title" [(ngModel)]="noticeBean.title" [nzType]="'text'" [nzRows]="'5'" [nzPlaceHolder]="'请输入标题'"></nz-input>
                </div>
            </div>
        <div  nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                <label for="content">内容</label>
            </div>
            <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-input name="content" [(ngModel)]="noticeBean.content" [nzType]="'textarea'" [nzRows]="'5'" [nzPlaceHolder]="'请输入内容'"></nz-input>
            </div>
        </div>

        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="3" >
                <label for="qualificationsUrl">上传附件 </label>
            </div>
            <div nz-form-control nz-col [nzSm]="14" [nzXs]="14" nzHasFeedback >
                <input type="file" ng2FileSelect [uploader]="fileUploader" (change)="selectedFileOnChanged($event)"/>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div *ngIf="showImage!=null" style="margin-left: 50px">
                <div>
                    <img (click)="delete(f)" *ngFor="let f of showImage" src="{{config.IP+config.API.getUpload+f}}" width="40px" height="40px" style="margin-left: 10px;"/>
                </div>
            </div>
        </div>

        <div nz-form-item nz-row style="margin-bottom:8px;">
            <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="10">
                <button nz-button (click)="sendMessage()" [nzType]="'primary'">发送</button>
            </div>
        </div>
    </div>

</nz-spin>

<ng-template #titlepic>
    <span>查看大图</span>
</ng-template>
<ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
    <div>
    </div>
</ng-template>